<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>3-3我的任务</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/task-order.css">
</head>
<body>
    <header class="header">
        <p class="color-white">我的订单</p>
    </header>
    <main class="main">
        <div class="cover-tp">
            <a href="#">
                <img src="img/task-1.jpg" alt="task">
                <span class="color-gray">待付款</span>
            </a>
            <a href="#">
                <img src="img/task-2.jpg" alt="task">
                <span>已付款</span>
            </a>
            <a href="#">
                <img src="img/task-3.jpg" alt="task">
                <span>已完成</span>
            </a>
        </div>
        <div class="cover-bt">
            <a href="#" class=" color-green bd-bt">
                <span>0</span>
            </a>
             <a href="task-paid.html">
                <span class="color-glod">1</span>
            </a>
            <a href="#">
                <span class="color-red">0</span>
            </a>
        </div>
        <div class="content">
            <img src="img/task-4.png" alt="task">
            <span>暂无未付款订单</span>
            <a href="Selforder.html"><input type="text" value="去下单"></a>
        </div>
    </main>
    <footer class="footer">

    </footer>
</body>
</html>